<template>
	<view class="set">
		<view class="set-tw">
			<view class="set-t">
				<text class="text">持卡人：</text>				
				<text >周杰伦</text>								
			</view>
			<view class="set-t">
				<text  class="text">银行卡卡号：</text>				
				<text >256486146****5463</text>									
			</view>
			<view class="set-ts">
				<view class="ts"> 
					<text  class="text">银行机构：</text>
					<text >工商银行</text>
				</view>				
				<image style="width: 10rpx;height: 20rpx;" src="/static/fan.png" mode=""></image>			
			</view>
			<view class="set-t">
				<text  class="text">开户行地址：</text>				
				<text >成都市高新区中和</text>						
			</view>
		
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},

		methods: {

		}
	}
</script>

<style lang="scss">
	.set {

		.set-tw {			
			background-color: #fff;
			.set-t {
				padding: 25rpx;
				border-bottom: 1rpx solid #F1F1F1;
				background-color: #fff;
				display: flex;
				align-items: center;
				
				

				text {
					display: inline-block;
					font-size: 28rpx;
					font-family: PingFang;
					font-weight: 500;
					color: #333333;
				}

				.text {
					width: 25%;					
					font-size: 28rpx;
					font-family: PingFang;
					font-weight: 500;
					color: #333333;
				}

				image {
					width: 10rpx;
					height: 20rpx;
				}
			}
			.set-ts{
				padding: 25rpx;
				border-bottom: 1rpx solid #F1F1F1;
				background-color: #fff;
				display: flex;
				align-items: center;
				justify-content: space-between;
				
				.ts{				
					font-size: 28rpx;
					font-family: PingFang;
					font-weight: 500;
					color: #333333;
					
					.text {
						width: 25%;					
						font-size: 28rpx;
						font-family: PingFang;
						font-weight: 500;
						color: #333333;
					}
				}
			}
		}
	}
</style>
